<template>
  <div id="indexmonitor"> 

    <div class="demo" :style="{  height: dtheight + 'px' }">
          
        <div class="modular1">
           <div class="modular1_1"> <monitor1></monitor1> </div>
           <div class="modular1_1" style="margin-left:30px;">  <monitor2></monitor2> </div>
        </div>

        <div class="modular2"><monitor3></monitor3></div>
        
        
    </div>

   </div>
</template>

<script>
import Monitor1 from '@/view/Operationdata/Monitor/Monitor1'
import Monitor2 from '@/view/Operationdata/Monitor/Monitor2'
import Monitor3 from '@/view/Operationdata/Monitor/Monitor3'
export default {
   name: 'indexmonitor',
  data () {
    return {
        dtheight:'500',  //窗口高度
    }
  },
   components:{
    Monitor1,
    Monitor2,
    Monitor3
  },
  created(){
     this.dtheight = window.innerHeight - 160
     
  },
  mounted (){
    
  },
  methods: {




  }
}
</script>


<style scoped>
#indexmonitor{
  padding:2px;
}
.demo{
    overflow-y:auto;
}
.modular1{
  display:flex;
}
.modular1_1{
  flex: 1;
}
.modular2{
  margin-top: 10px;
}
</style>